<template>
  <div>
    <ylheader :leftsvg='true' :title="'收货信息'" ></ylheader>
    <div class="addressinfo">
        <ul>
          <li v-for="(items,index) in list" :key="index" class="v-c">
            <span class="title">{{items.title}}</span>
            <span class="two-line">  {{items.content}}</span>
          </li>
        </ul>

    </div>

  </div>
</template>
<script>
import ylheader from "src/components/yl-header.vue";
export default {
name:"addressinfo",
  data(){
      return{
        list:[{title:"收货人:",content:"三等分"},{title:"手机号:",content:""},{title:"详细地址:",content:""},],
      }
  },
  components:{ ylheader,},
  mounted(){

  },
  methods:{
 
  }
}
</script>
<style lang="less" scoped>
.addressinfo{
  background: #ffffff;
  ul{
    li{
      border-bottom: 1px solid #e6e6e6;
      height: 0.9rem;
      padding:  0 0.3rem;
      .title{
        font-size: 0.28rem;
        width: 1.4rem;
        font-weight: 600;
      }
    }
  }
}
.two-line{
  overflow:hidden; 
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  flex: 1;
}
</style>


